<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>index</title>
<script type="text/javascript" src="js/jquery.js"></script>
<link rel="stylesheet" href="css/comon0.css">
<link rel="stylesheet" href="css/common.css">    



</head>
	<script>
	$(window).load(function(){  
             $(".loading").fadeOut()
            })  
			
/****/
$(document).ready(function(){
	var whei=$(window).width()
	$("html").css({fontSize:whei/20})
	$(window).resize(function(){
		var whei=$(window).width()
	 $("html").css({fontSize:whei/20})
});
	});
	</script>
	<script type="text/javascript" src="js/echarts.min.js"></script> 
	<script language="JavaScript" src="js/js.js"></script> 
<body>
<div class="canvas" style="opacity: .2">
	<iframe frameborder="0" src="js/index.html" style="width: 100%; height: 100%"></iframe>
	</div>
<div class="loading">
  <div class="loadbox"> <img src="picture/loading.gif"> 页面加载中... </div>
</div>
<div class="head">
  <h1>重庆高新区医疗器械产业链平台</h1>
  <div class="weather"><!--<img src="picture/weather.png"><span>多云转小雨</span>--><span id="showTime"></span></div>
	
	<script>
var t = null;
    t = setTimeout(time,1000);//開始运行
    function time()
    {
       clearTimeout(t);//清除定时器
       dt = new Date();
		var y=dt.getFullYear();
		var mt=dt.getMonth()+1;
		var day=dt.getDate();
       var h=dt.getHours();//获取时
       var m=dt.getMinutes();//获取分
       var s=dt.getSeconds();//获取秒
       document.getElementById("showTime").innerHTML = y+"年"+mt+"月"+day+"-"+h+"时"+m+"分"+s+"秒";
       t = setTimeout(time,1000); //设定定时器，循环运行     
    } 

</script>
<div class="navtop">
<nav>
  <ul>
    <li class="active"><a href="index.html">产业链总览</a></li>
    <li><a href="part2.html">发展指标监测</a></li>
    <li><a href="part3.html">产业链概览</a></li>
    <li><a href="">企业和产品</a></li>
    <li><a href="">高新区产业链企业</a></li>
    <li><a href="">平台运营服务</a></li>
  </ul>
</nav>
</div>
<script>
var nav = $('nav');
var line = $('<div />').addClass('line');

line.appendTo(nav);

var active = nav.find('.active');
var pos = 0;
var wid = 0;

if(active.length) {
  pos = active.position().left;
  wid = active.width();
  line.css({
    left: pos,
    width: wid
  });
}

nav.find('ul li a').click(function(e) {
  if(!$(this).parent().hasClass('active')) {
    e.preventDefault();

    var _this = $(this);

    nav.find('ul li').removeClass('active');

    var position = _this.parent().position();
    var width = _this.parent().width();

    if(position.left >= pos) {
      line.animate({
        width: ((position.left - pos) + width)
      }, 300, function() {
        line.animate({
          width: width,
          left: position.left
        }, 150);
        _this.parent().addClass('active');
      });
    } else {
      line.animate({
        left: position.left,
        width: ((pos - position.left) + wid)
      }, 300, function() {
        line.animate({
          width: width
        }, 150);
        _this.parent().addClass('active');
      });
    }

    pos = position.left;
    wid = width;
  }
});</script>


<div class="mainbox">
  <ul class="clearfix">
    <li>
      <div class="boxall" style="height: 3.2rem">
        <div class="alltitle">企业总数</div>
      <!--  <div class="allnav" id="echart1"></div>
        -->
		<img src="images/医院.png" class="left text01_img"/>
		<div class="left text01_div zongshu" style="height: 20px;">
		    <p>总数</p>
		    <p>1235家</p>
		</div>
		<div class="xia" style="">
		    <div class="left text01_div">
		        <p>产业链1企业数</p>
		        <p>445</p>
		    </div>
			<div class="left text01_div">
			    <p>产业链2企业数</p>
			    <p>446</p>
			</div>
			<div class="left text01_div">
			    <p>产业链3企业数</p>
			    <p>446</p>
			</div>
		</div>
		 <div class="boxfoot"></div>
		</div>
      <div class="boxall navboxall" style="height: 3.2rem">
        <!-- <div class="allnav" id="echart2"></div> -->
		
		<table class="table1">
		  <tbody>
		    <tr>
		      <th scope="col">序号</th>
		      <th scope="col">科教资源</th>
		      <th scope="col">支撑情况</th>
		      <th scope="col">人数</th>
		    </tr>
		    <tr>
				<td><span>1</span></td>
		      <td>西南大学</td>
		      <td>985<br></td>
		      <td>2.7万人<br></td>
		    </tr>
		    <tr>
				<td><span>2</span></td>
		      <td>重庆大学</td>
		      <td>985</td>
		      <td>2.5万人</td>
		    </tr>
		    
		    <tr>
				<td><span>3</span></td>
		      <td>重庆工商大学</td>
		      <td>211</td>
		      <td>2万人</td>
		    </tr>
		    <tr>
				<td><span>4</span></td>
		      <td>西南政法大学</td>
		      <td>211</td>
		      <td>2万人</td>
		    </tr>
			
		  </tbody>
		</table>
        <div class="boxfoot"></div>
      </div>
      <div class="boxall" style="height: 3.2rem">
        <div style="height:100%; width: 100%;">
			<table class="table1">
			  <tbody>
			    <tr>
			      <th scope="col">排名</th>
			      <th scope="col">链主平台</th>
			      <th scope="col">年总收入</th>
			      <th scope="col">收入</th>
			    </tr>
			    <tr>
					<td><span>1</span></td>
			      <td>医疗器械产业链</td>
			      <td>985亿<br></td>
			      <td>2.7亿<br></td>
			    </tr>
			    <tr>
					<td><span>2</span></td>
			      <td>药品产业链</td>
			      <td>985亿</td>
			      <td>2.5亿</td>
			    </tr>
			    
			    <tr>
					<td><span>3</span></td>
			      <td>CDC产业链</td>
			      <td>211亿</td>
			      <td>2亿</td>
			    </tr>
			    <tr>
					<td><span>4</span></td>
			      <td>产业链3</td>
			      <td>211亿</td>
			      <td>2亿</td>
			    </tr>
				
			  </tbody>
			</table>
		  </div>
        <div class="boxfoot">
			
		  </div>
      </div>
    </li>
    <li>
      <div class="bar">
        <div class="barbox">
          <ul class="clearfix">
            <li class="pulll_left counter">2000</li>
            <li class="pulll_left counter">590</li>
          </ul>
        </div>
        <div class="barbox2">
          <ul class="clearfix">
            <li class="pulll_left">规划面积（平方公里）</li>
            <li class="pulll_left">已建面积（平方公里）</li>
          </ul>
        </div>
      </div>
      <div class="map">
        <div class="map1"><img src="picture/lbx.png"></div>
        <div class="map2"><img src="picture/jt.png"></div>
        <div class="map3"><img src="picture/map.png"></div>
        <div class="map4" id="map_1"></div>
      </div>
    </li>
    <li>
          <div class="boxall" style="height:3.4rem">
        <div class="alltitle">重点项目进展</div>
        <div class="allnav" id="echart4"></div>
        <div class="boxfoot">
			
		</div>
      </div>
      <div class="boxall" style="height: 3.2rem">
        <div class="alltitle">产品批件分布</div>
        <div class="allnav" id="echart5"></div>
        <div class="boxfoot"></div>
      </div>
      <div class="boxall" style="height: 3rem">
        <div class="alltitle">专利分布</div>
        <div class="allnav" id="echart6"></div>
        <div class="boxfoot"></div>
      </div>
    </li>
  </ul>
</div>
<div class="back"></div>


<script type="text/javascript" src="js/visual-map.js"></script>

<!-- <script type="text/javascript" src="js/china.js"></script> 
<script type="text/javascript" src="js/area_echarts.js"></script>  -->
</body>
</html>
